{% load static %}
<!DOCTYPE HTML>
<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>新药篮众创空间企业信息填报系统</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
{#	<meta name="description" content="" />#}
{#	<meta name="keywords" content="" />#}
{#	<meta name="author" content="" />#}
  	<!-- Facebook and Twitter integration -->
{#	<meta property="og:title" content=""/>#}
{#	<meta property="og:image" content=""/>#}
{#	<meta property="og:url" content=""/>#}
{#	<meta property="og:site_name" content=""/>#}
{#	<meta property="og:description" content=""/>#}
{#	<meta name="twitter:title" content="" />#}
{#	<meta name="twitter:image" content="" />#}
{#	<meta name="twitter:url" content="" />#}
{#	<meta name="twitter:card" content="" />#}

	<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="{% static 'login/css/animate.css' %}">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="{% static 'login/css/icomoon.css' %}">
	<!-- Themify Icons-->
	<link rel="stylesheet" href="{% static 'login/css/themify-icons.css' %}">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="{% static 'login/css/bootstrap.css' %}">

	<!-- Magnific Popup -->
	<link rel="stylesheet" href="{% static 'login/css/magnific-popup.css' %}">

	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="{% static 'login/css/owl.carousel.min.css' %}">
	<link rel="stylesheet" href="{% static 'login/css/owl.theme.default.min.css' %}">

	<!-- Theme style  -->
	<link rel="stylesheet" href="{% static 'login/css/style.css' %}">

	<!-- Modernizr JS -->
	<script src="{% static 'login/js/modernizr-2.6.2.min.js' %}"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="{% static 'login/js/respond.min.js' %}"></script>
	<![endif]-->

	</head>
	<body>
		
	<div class="gtco-loader"></div>
	
	<div id="page">

	
	<div class="page-inner">
	<nav class="gtco-nav" role="navigation">
		<div class="gtco-container">
			
			<div class="row">
				<div class="col-sm-4 col-xs-12">
					<div id="gtco-logo"><a href="#">New Drug Incubator<em>.</em></a></div>
				</div>
{#				<div class="col-xs-8 text-right menu-1">#}
{#					<ul>#}
{#						<li><a href="features.html">Features</a></li>#}
{#						<li><a href="tour.html">Tour</a></li>#}
{#						<li class="has-dropdown">#}
{#							<a href="#">Dropdown</a>#}
{#							<ul class="dropdown">#}
{#								<li><a href="#">Web Design</a></li>#}
{#								<li><a href="#">eCommerce</a></li>#}
{#								<li><a href="#">Branding</a></li>#}
{#								<li><a href="#">API</a></li>#}
{#							</ul>#}
{#						</li>#}
{#						<li><a href="pricing.html">Pricing</a></li>#}
{#						<li><a href="contact.html">Contact</a></li>#}
{#						<li class="btn-cta"><a href="#"><span>Get started</span></a></li>#}
{#					</ul>#}
{#				</div>#}
			</div>
			
		</div>
	</nav>

	<header id="gtco-header" class="gtco-cover" role="banner" style="background-image: url({% static 'login/images/img_1.jpg' %})">
		<div class="overlay"></div>
		<div class="gtco-container">
			<div class="row">
				<div class="col-md-12 col-md-offset-0 text-left">

					<div class="row row-mt-15em">
						<div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
							<span class="intro-text-small">苏州新药篮生物医药科技有限公司</span>
							<h1>新药篮众创空间企业信息填报系统.</h1>
						</div>
						<div class="col-md-4 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
							<div class="form-wrap">
								<div class="tab">
									<ul class="tab-menu">
										<li class="active gtco-first"><a href="#" data-tab="login">登录</a></li>
										<li class="gtco-second"><a href="#" data-tab="signup">注册</a></li>
									</ul>
									<div class="tab-content">

										<div class="tab-content-inner active" data-content="login">
											<form action="/loginajax/" method="post">
                                                {% csrf_token %}
												<div class="row form-group">
													<div class="col-md-12">
														<label for="username">用户名</label>
														<input type="text" class="form-control" id="usernameLogin" name="username">
													</div>
												</div>
												<div class="row form-group">
													<div class="col-md-12">
														<label for="password">密码</label>
														<input type="password" class="form-control" id="passwordLogin" name="password">
													</div>
												</div>

												<div class="row form-group">
													<div class="col-md-12">
														<input type="button" class="btn btn-primary" value="登录" id="login" onclick="AjaxSubmit();">
                                                        <span id="error"></span>
													</div>
												</div>
											</form>	
										</div>
										<div class="tab-content-inner" data-content="signup">
											<form action="#">
												<div class="row form-group">
													<div class="col-md-12">
														<label for="username">用户名</label>
														<input type="text" class="form-control" id="usernameSign">
													</div>
												</div>
												<div class="row form-group">
													<div class="col-md-12">
														<label for="password">密码</label>
														<input type="password" class="form-control" id="passwordSign">
													</div>
												</div>
												<div class="row form-group">
													<div class="col-md-12">
														<label for="password2">确认密码</label>
														<input type="password" class="form-control" id="password2">
													</div>
												</div>

												<div class="row form-group">
													<div class="col-md-12">
														<label for="activecode">注册码</label>
														<input type="text" class="form-control" id="activecode">
													</div>
												</div>

												<div class="row form-group">
													<div class="col-md-12">
														<input type="button" class="btn btn-primary" value="注册">
													</div>
												</div>
											</form>	
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
							
					
				</div>
			</div>
		</div>
	</header>
	
	</div>

	</div>
	
	<!-- jQuery -->
	<script src="{% static 'login/js/jquery.min.js' %}"></script>
	<!-- jQuery Easing -->
	<script src="{% static 'login/js/jquery.easing.1.3.js' %}"></script>
	<!-- Bootstrap -->
	<script src="{% static 'login/js/bootstrap.min.js' %}"></script>
	<!-- Waypoints -->
	<script src="{% static 'login/js/jquery.waypoints.min.js' %}"></script>
	<!-- Carousel -->
	<script src="{% static 'login/js/owl.carousel.min.js' %}"></script>
	<!-- countTo -->
	<script src="{% static 'login/js/jquery.countTo.js' %}"></script>
	<!-- Magnific Popup -->
	<script src="{% static 'login/js/jquery.magnific-popup.min.js' %}"></script>
	<script src="{% static 'login/js/magnific-popup-options.js' %}"></script>
	<!-- Main -->
	<script src="{% static 'login/js/main.js' %}"></script>

	</body>
</html>

